<template>
    <el-dialog :close-on-click-modal="false" :visible="detailFlag" class="zdy-dialog" width="650px" :title="$t('view')" :lock-scroll="false" :before-close="handleCloseDialog">

        <el-form :disabled="true" label-width="120px" v-model="editTableRow">

            <el-row :gutter="20" style="font-size: 16px">
                <!--姓名-->
                <el-col :span="12">
                    <el-form-item :label="$t('name')">
                        <el-input v-model="editTableRow.personName"></el-input>
                    </el-form-item>
                </el-col>
                <!--编号（工号）-->
                <el-col :span="12">
                    <el-form-item :label="$t('Number (job number)')">
                        <el-input v-model="editTableRow.number"></el-input>
                    </el-form-item>
                </el-col>
                <!--下发类型-->
                <el-col :span="12">
                    <el-form-item :label="$t('Distribution type')">
                        <el-input v-model="editTableRow.operateType"></el-input>
                    </el-form-item>
                </el-col>
                <!--下发状态-->
                <el-col :span="12">
                    <el-form-item :label="$t('Distribution status')">
                        <el-input v-model="editTableRow.state"></el-input>
                    </el-form-item>
                </el-col>
                <!--原因-->
                <el-col :span="12">
                    <el-form-item :label="$t('reason')">
                        <el-input v-model="editTableRow.reason||'-'"></el-input>
                    </el-form-item>
                </el-col>
                <!--下发设备-->
                <el-col :span="12">
                    <el-form-item :label="$t('Distribute equipment')">
                        <el-input :title="editTableRow.deviceName" v-model="editTableRow.deviceName"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>

        <el-row :gutter="20" style="font-size: 16px">
            <!--<el-col :span="12">-->
                <!--&lt;!&ndash;姓名&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('name')}}</span>-->
                <!--<span>{{editTableRow.personName}}</span>-->
            <!--</el-col>-->
            <!--<el-col :span="12">-->
                <!--&lt;!&ndash;编号（工号）&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('Number (job number)')}}</span>-->
                <!--<span>{{editTableRow.number}}</span>-->
            <!--</el-col>-->
            <!--<el-col :span="12">-->
                <!--&lt;!&ndash;下发类型&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('Distribution type')}}</span>-->
                <!--<span>{{editTableRow.operateType}}</span>-->
            <!--</el-col>-->
            <!--<el-col :span="12">-->
                <!--&lt;!&ndash;下发状态&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('Distribution status')}}</span>-->
                <!--<span>{{editTableRow.state}}</span>-->
            <!--</el-col>-->
            <!--<el-col :span="24">-->
                <!--&lt;!&ndash;原因&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('reason')}}</span>-->
                <!--<span>{{editTableRow.reason||'-'}}</span>-->
            <!--</el-col>-->
            <!--<el-col :span="24">-->
                <!--&lt;!&ndash;下发设备&ndash;&gt;-->
                <!--<span class="itemLabel">{{this.i18n.t('Distribute equipment')}}</span>-->
                <!--<span>{{editTableRow.deviceName}}</span>-->
            <!--</el-col>-->
        </el-row>
    </el-dialog>
</template>

<script>
    export default {
        name: "views",
        props: {
            editTableRow: {
                type: Object,
                defautl: () => {
                    return {}
                }
            },
            detailFlag: {
                type: Boolean,
                default: false
            }
        },
        data(){
            return{
                value: 0,
                saveDisabled:false,
                form:{
                    sbmc:''
                }
            }
        },
        methods:{
            /**
             * @description  关闭弹窗事件
             * @return not
             * @author xiongyi 2022-06-29 16:48:08
             **/
            handleCloseDialog() {
                this.$emit('update:detailFlag', false);
                this.$emit('update:editTableRow', {});
                this.$emit('update:editTableRow', null);
            }
        }
    }
</script>

<style scoped>

    .itemLabel{
        color: #8c94a4;
        display: inline-block;
        width: 180px;
        text-align: right;
        margin-right: 10px;
        line-height: 32px;
    }

    /*::v-deep .el-descriptions-item__content {*/
        /*max-width: 295px;*/
    /*}*/

    /*.my-label {*/
        /*width: 200px;*/
        /*color: #999;*/
        /*font-weight: normal;*/
        /*background: #fff;*/
    /*}*/
    /*.my-class {*/
        /*max-width: 295px;*/
        /*word-break: break-all;*/
        /*word-wrap: break-word;*/
    /*}*/
</style>